<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#false1 {
				display: none;
				color: red;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/layout.css" />
		<script type="text/javascript">
			function setInfo(t) {
				//				var reg1=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;//验证邮箱
				var re1 = /^([A-z0-9_\.\-])+\@(([A-z0-9\-])+\.)+([A-z0-9]{2,4})+$/; //验证邮箱
				var re2 = /^(?!\d+$)(?![A-z]+$)([A-z]|[0-9]){4,10}$/; //验证密码4-10位，不能纯数字，不能纯字母
				var email = document.getElementById("email");
				var pwd = document.getElementById("pwd");
				var turn = document.getElementById("false1")
				switch (t) {
					case 1:
						if (re1.test(email.value)) {
							false1.style.display = "none";
							email.style.border = "1px solid green"
							return true;
						} else {
							email.style.border = "1px solid red"
							false1.style.display = "block";
						}
						break;
					case 2:
						if (re2.test(pwd.value)) {
							pwd.style.border = "1px solid green"
							return true;
						} else {
							pwd.style.border = "1px solid red"
						}
						break;
				}
			}
		</script>
	</head>

	<body>
		<div id="header">
			<div class="login_header_left"><img src="images/logo.gif" alt="logo"></div>
			<div class="login_header_mid"><img src="images/login_header.gif" alt="header"></div>
			<div class="login_header_right"><a href="index.html" class="blue">首页</a> | <a href="product.html" class="blue">商品展示页</a> | <a href="shopping.html" class="blue">购物车</a> | <a href="register.html" class="blue">注册</a></div>
		</div>

		<div id="main">
			<div class="login_main_left">
				<div><img src="images/login_main_01.jpg" alt="中间图片">
					<img src="images/login_main_02.jpg" alt="中间图片">
					<img src="images/login_main_03.jpg" alt="中间图片">
				</div>
				<div class="login_main_end">
					<dl class="login_green">
						<dt>更多选择、更低价格</dt>
						<dd>100万种商品包含图书、数码、美妆、运动健康等，价格低于地面店20%以上</dd>
					</dl>

					<div class="login_main_dotted"></div>
					<dl class="login_green">
						<dt>全场免运费、货到付款</dt>
						<dd>免费送货上门、360个城市货到付款。另有网上支付、邮局汇款等多种支付方式</dd>
					</dl>

					<div class="login_main_dotted"></div>
					<dl class="login_green">
						<dt>真实、优质的商品评论</dt>
						<dd>千万用户真实、优质的商品评论，给您多角度、全方位的购物参考</dd>
					</dl>
				</div>
			</div>
			<div class="login_main_mid">
				<div class="login_content_top">请登录当当网</div>
				<div class="login_content_line"></div>
				<form action="" method="post">
					<dl class="login_content">
						<dt>Email地址或昵称：</dt>
						<dd><input id="email" type="text" onblur="setInfo(1)" class="login_content_input"><span id="false1">请重新输入</span></dd>
					</dl>
					<dl class="login_content">
						<dt>密码：</dt>
						<dd><input id="pwd" type="password" onblur="setInfo(2)" class="login_content_input"></dd>
					</dl>
					<dl class="login_content">
						<dt></dt>
						<dd><input id="btn" value=" " type="button" class="login_btn_out"></dd>
					</dl>
				</form>
				<div class="login_content_dotted"></div>
				<div class="login_content_end_bg">
					<div class="login_content_end_bg_top">
						<label class="login_content_bold">还不是当当网用户？</label>快捷方便的免费注册，让你立刻尽享当当网提供的条项优惠服务......
					</div>
					<div class="login_content_end_bg_end">
						<input class="login_register_out" value=" " type="button">
					</div>

				</div>

			</div>
			<div class="login_main_right"><img src="images/login_main_04.jpg" alt="右侧图片"></div>
		</div>

		<div id="footer">
			<iframe src="footer.html" height="50px" width="900px" frameborder="0"></iframe>
		</div>
	</body>

</html>